<template>
  <div class="common-nav">
    <span @click="clickBack">＜ </span>
    <h4>{{ title }}</h4>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">

const props = defineProps({
  title: String
})

const emit = defineEmits(['back'])

const clickBack = () => {
  emit('back')
}

</script>

<style scoped lang='less'>
.common-nav {
  display: flex;
  align-items: center;
  text-align: center;
  & > * {
    font-size: 0.44rem;
  }
  & > span {
    line-height: .88rem;

  }
  & > h4 {
    margin-left: 2.5rem;
    line-height: .88rem;

  }
}
</style>